iT邦幫忙

2026 iThome 鐵人賽

DAY 25
0

https://ithelp.ithome.com.tw/upload/images/20260918/20143250wz8RmUxLz3.png
大家逛網購的時候,商品頁面上的「加入購物車」跟「立即購買」兩個按鈕通常靠得很近。有時候我們只是想先加進購物車,等一下再慢慢挑,手指稍微偏了一點點到「立即購買」,畫面就直接跳到了訂單完成頁面。

中間沒有出現「確定要購買嗎」的提示,款項就這樣順利扣除了。

防患於未然的預留空間:錯誤預防

延續 Nielsen Norman 十大可用性原則,這篇我們來看第五條:「錯誤預防(Error Prevention)」。一個順暢的介面,除了提供清楚的提示,更理想的做法是從一開始就避免我們不小心點錯。特別是那些牽涉到扣款或是刪除資料的操作,在執行前給予一個確認的機會,能幫助大家更安心地使用。

一鍵操作與視覺間距的拿捏

像是快速結帳或是一鍵刪除這類影響比較大的動作,如果沒有搭配二次確認,或者跟其他常用按鈕靠得太近,大家在操作時就很容易產生不小心的點擊。用手機滑網頁時,手滑是我們非常自然的日常反應。把這個情況考量進去,讓大家在點擊時擁有適當的緩衝空間,是介面設計中很貼心的一環。

轉換率與流程阻力的平衡

省略確認步驟,能讓整個購物路徑變得非常短、非常順暢。購買按鈕的反應越即時,完成結帳的機率通常也會跟著提高。在規劃流程時,團隊需要找出一個平衡點。多一步確認能帶給使用者滿滿的安全感,少一步阻力能讓結帳過程更有效率。將這兩個考量融合在一起,能創造出更完整的購物體驗。

依照操作影響力區分確認層級

在某些日常的小動作上,像是按讚、加入收藏,直接省略確認步驟能帶來非常棒的流暢感。這些動作隨時可以取消,不需要加上多餘的關卡。遇到付款、刪除帳號這類重要的節點,加上二次確認就顯得很關鍵。為不同影響力的操作設定適當的確認機制,能確保大家在流暢滑手機的同時,依然保有充足的控制權。

兼具效率與安全感的結帳體驗

回到購買流程,只要在扣款前增加一個簡單的確認畫面,或是把「立即購買」跟其他按鈕的距離稍微拉開一點。這樣的設計讓大家依然能享受快速下單的便利,同時也多了一份安心感,不用擔心因為一次手滑就完成結帳。在追求效率的過程中,把大家可能產生的微小誤差溫柔地接住,就是一個充滿同理心的好設計。

看完這種關於「預防手滑」的設計巧思,最後也整理了幾個思考方向,讓大家下次在規劃操作流程時,可以試著從這些角度切入看看:

  1. 在設計重要功能時,我們有沒有加上適當的二次確認,讓大家操作起來更安心?
  2. 畫面上兩個功能完全不同的按鈕,距離有沒有稍微拉開,減少點錯的機會?
  3. 品牌在追求轉換率的同時,如何拿捏流程的順暢度與大家的安全感?

上一篇
Day 24|紅色按鈕寫著繼續,我們的手指順著直覺點了旁邊的綠色選項
系列文
沒有壞設計,只有剛好戳中你的心機:30天拆解UI裡的心理學筆記25
圖片
  熱門推薦
圖片
{{ item.channelVendor }} | {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言